/*@font-face{
    font-family : "ReasonSystem";
    src : url('font/reasonSystem-Regular.ttf');
}

@font-face{
    font-family : "ARtechni";
    src : url('font/AR-Techni.ttf');
}

@font-face{
    font-family : "Soposh";
    src : url('font/soposh.ttf');
}*/

* {
    font-family: Calibri, Tahoma, sans-serif;
}

/* Adjusting the margins, paddings and no list styles */
.navigation {
margin:0;
padding:0;
list-style:none;
z-index:100;
}

/* Little tricking with positions */
.navigation li {
float:left; /* Show list items inline */
width:215px;
position:relative;
}

/* Playing with Main Categories */
.navigation li a {
background:green;
color:#fff;
display:block; /* Making sure a element covers whole li area */
text-decoration:none; /* No underline */
text-align:center;
text-transform:uppercase;
}
.navigation li a:hover {
color:#F2861D;
}

/* Sub Cat Menu stuff*/
.navigation ul {
position:absolute;
left:0;
display:none; /* Hide it by default */
margin:0 0 0 -1px;
padding:0;
list-style:none;
border-bottom:3px solid #F2861D;
}

.navigation ul li {
width:215px;
float:left;
border-top:none;
}

/* Sub Cat menu link properties */
.navigation ul a {
display:block; /* Making sure a element covers whole li area */
height:15px;
padding:8px 7px 13px 7px;
color:#fff;
text-decoration:none;
border-top:none;
border-bottom:1px dashed #6B6B6B;
}

.navigation ul a:hover {
color:#F2861D;
}